<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>汉服荟</title>
    <link rel="stylesheet" href="./nav1.css">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./xuanxk2.css">
    <link rel="stylesheet" href="./lb.css">
    <link rel="stylesheet" href="tupian.css">
    <link rel="stylesheet" href="./weibu.css">
    <link rel="stylesheet" href="../萌宠库/ding.css">
    <script src="../后台/axios.min.js"></script>
    <link rel="stylesheet" href="./lbt.css" />

    <!-- Demo styles -->
    <style>
        html,
        body {
            /* position: relative; */
            height: 100%;
        }

        .swiper .mySwiper {
            
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        .swiper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .swiper-slide img {
            width: 1100px;
            height: 400px;
        }
    </style>
    <!-- <script src="../qia前台/jquery-1.11.0.js"></script> -->


</head>

<body style="background-color: #ededef;">
    <header>
        <div class="header-to">
            <div class="header-to2">
                <p class="header-logo"></p>
                <div class="header-zh">
                    <p><a href="../登录/注册.html">注册</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="../登录/登录.html">登录</a></p>
                </div>
                <p class="header-fr">
                    <input type="text" class="fr2" placeholder="请输入你想搜索的商品或店铺">
                    <a href=""></a>
                </p>
            </div>
        </div>
    </header>

    <!-- <> -->
    <div class="nav-fr">
        <div class="nav-fr-r">
            <ul>
                <a href="" class="nav-a">首页</a>
                <a href="../萌宠库/./萌物库.html">萌物库</a>
                <a href="../品牌馆/./品牌馆.html">品牌馆</a>
                <a href="">同袍社区</a>
                <div class="nav-r">
                    <a href="" style="color: #f46;"><i></i>店铺入住</a>
                </div>
            </ul>
        </div>
    </div>
    <!-- <span>￥</span> -->
    <!-- 轮播图 -->
    <!-- Swiper -->
    <div class="swiper mySwiper" style="width: 1100px; height: 400px;margin-top: 20px;">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="../首页/1.png" alt=""></div>
            <div class="swiper-slide"><img src="../首页/2.png" alt=""></div>
            <div class="swiper-slide"><img src="../首页/3.png" alt=""></div>
            <div class="swiper-slide"><img src="../首页/4.png" alt=""></div>
            <!-- <div class="swiper-slide">Slide 5</div>
            <div class="swiper-slide">Slide 6</div>
            <div class="swiper-slide">Slide 7</div>
            <div class="swiper-slide">Slide 8</div>
            <div class="swiper-slide">Slide 9</div> -->
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination"></div>
    </div>

    <!-- Swiper JS -->
    <script src="./lbs.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper(".mySwiper", {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
        });
    </script>


    <main>
        <div class="biaoti">本周热卖</div>
        <div style="height: 774px; display: flex; flex-direction: column; justify-content: space-between;">
            <div class="rein">
                <!-- <ul class="region">
                    <a href=""><img src="
                            https://pic.hanfugou.com/web/2021/6/2/21/6bd37b8a4bdc4d70b07ae79f299b215a.jpg_250x250.jpg"
                            alt="">
                        <p class="price"><span>￥</span>368.60</p>
                        <p class="prica"><a href="">栾凰原创唐制汉服女诃子裙【倾城】刺绣高腰改良襦裙唐风夏季</a></p>
                    </a>
                </ul> -->
                <!-- 1 -->
            </div>
        </div>


        <div class="biaoti">本周热卖</div>
        <div style="height: 774px; display: flex; flex-direction: column; justify-content: space-between;">
            <div class="rein" id="rein2">
                <!-- <ul class="region">
                    <a href=""><img src="
                            https://pic.hanfugou.com/web/2021/6/2/21/6bd37b8a4bdc4d70b07ae79f299b215a.jpg_250x250.jpg"
                            alt="">
                        <p class="price"><span>￥</span>368.60</p>
                        <p class="prica"><a href="">栾凰原创唐制汉服女诃子裙【倾城】刺绣高腰改良襦裙唐风夏季</a></p>
                    </a>
                </ul> -->
                <!-- 1 -->
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav">
            <a href=""><img src="	https://pic.hanfugou.com/web/2020/11/4/15/b609ad0e343e4112817b06a005490c25.png"
                    alt=""></a>
        </div>



        <div class="biaoti">本周热卖</div>
        <div style="height: 774px; display: flex; flex-direction: column; justify-content: space-between;">
            <div class="rein" id="rein3">
                <!-- <ul class="region">
                    <a href="commodity.html"><img src="
                            https://pic.hanfugou.com/web/2021/6/2/21/6bd37b8a4bdc4d70b07ae79f299b215a.jpg_250x250.jpg"
                            alt="">
                        <p class="price"><span>￥</span>368.60</p>
                        <p class="prica"><a href="">栾凰原创唐制汉服女诃子裙【倾城】刺绣高腰改良襦裙唐风夏季</a></p>
                    </a>
                </ul> -->

            </div>
    </main>
    <!-- - 尾部 1--> 
    <footer>
        <div class="food" style="text-align:center ; color: white;">
            <div class="main-6">
                <a href="">关于我们</a>
                <i>|</i>
                <a href="">社区公约</a>
                <i>|</i>
                <a href="">用户协议</a>
                <i>|</i>
                <a href="">隐私政策</a>
                <i>|</i>
                <a href="">帮助我们</a>
            </div>
            <div class="main-7" style="margin-top: 20px; color: #555;">
                <a href="" style="height: 36px;
    width: 27px;
    display: inline-block;
    position: relative;
    left: -17px;
    top: -2px;
    vertical-align: middle;"><img src="../首页/./ebs_icon.png" alt=""></a>
                Copyright ©2018 深圳市汉服荟网络科技有限公司 版权所有 <a href="">粤ICP备14046913号-5</a>
                电话：0755-21503399</div>
        </div>
    </footer>


    <a href="javascript:;" title="回到顶部" id="btn" style="display: inline;"></a>
    <script src="../萌宠库/dibu.js"></script>
    <script src="./q.js"></script>

























</body>

</html>